<template>
  <div class="nav">
		<ul>
			<router-link to="/kind">分类</router-link>			
			<router-link to="/weekgreat">本周佳作</router-link>			
			<router-link to="/lucky">抽奖</router-link>			
			<router-link to="/eat">健身七分吃</router-link>			
		</ul>
		<ul>			
			<router-link to="/baking">烘焙</router-link>			
			<router-link to="/soup">煲汤</router-link>			
			<router-link to="/vegetarian">素食主义</router-link>				
			<router-link to="/uno">你懂得哦</router-link>				
		</ul>
	</div>
</template>

<style lang="scss">
@import "@/lib/reset.scss";
.nav {
	@include flexbox();
	@include flex-direction(column);
	ul {
		@include flexbox();
		@include justify-content(space-around)
	}
}
</style>